<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:t="http://myfaces.apache.org/tomahawk">  

    <ui:composition template="/templates/layout.xhtml">
        <ui:define name="content">            
            <div class="block">
                <div class="navbar navbar-inner block-header">
                    <div class="muted pull-left">Quản Lý Giáo Viên</div>
                </div>
                <div class="block-content collapse in">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                                    <fieldset>
                                        <legend><h:outputText value="Thêm Giáo Viên"/></legend>
                                    </fieldset>
                                </a>
                            </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse in">
                            <div class="panel-body">
                                <div class="form-horizontal">
                                    <div class="span12">

                                    </div>
                                    <div class="control-group">
                                        <label class="control-label" for="txtLastName"><h:outputText value="Họ:"/> </label>
                                        <div class="controls">
                                            <h:inputText styleClass="span4" id="txtLastName"  value="#{teacherEntity.lastName}" />

                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label" for="txtFirstName"><h:outputText value="Tên:"/> </label>
                                        <div class="controls">
                                            <h:inputText styleClass="span3" id="txtFirstName" value="#{teacherEntity.firstName}"  />
                                        </div>
                                    </div>

                                    <div class="control-group">
                                        <label class="control-label" for="txtMobile"><h:outputText value="SĐT:"/><i class="icon-headphones"></i> </label>
                                        <div class="controls">
                                            <h:inputText styleClass="span3" id="txtMobile"  value="#{teacherEntity.mobile}" />
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label" for="txtEmail"> <h:outputText value="Email"/> <i class="icon-envelope"></i></label>
                                        <div class="controls">
                                            <h:inputText styleClass="span3" id="txtEmail" value="#{teacherEntity.email}" />
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label" for="txtNote"> <h:outputText value="Ghi Chú"/></label>
                                        <div class="controls">
                                            <h:inputTextarea styleClass="span7" id="txtNote"  value="#{teacherEntity.note}"/>
                                        </div>
                                    </div>
                                    <div class="form-actions">
                                  
                                        <t:commandLink styleClass="btn btn-primary" action="#{teacherManageBean.addTeacher}">Save changes</t:commandLink>
                                        <button type="reset" class="btn" onclick="window.history.back()">Cancel</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>





                </div>
            </div>
        </ui:define>
    </ui:composition>        

</html>  